<template>
    <view>
      <button @click="showPopup">Show Popup</button>
      <SlideDownPopup :visible.sync="showFirstCategory" height="40%">
        <!-- 这里是插槽内容 -->
        <view style="padding: 20px;">
          <text>这是弹出框的内容</text>
        </view>
      </SlideDownPopup>
    </view>
  </template>
  
  <script>
  import SlideDownPopup from './components/SlideDownPopup.vue';
  
  export default {
    components: {
      SlideDownPopup
    },
    data() {
      return {
        showFirstCategory: false
      };
    },
    methods: {
      showPopup() {
        this.showFirstCategory = true;
      }
    }
  };
  </script>